<template>
  <div>
    <app-header v-if="bNav"></app-header>
    <!-- router-view -- 展示区 -->
    <nuxt />
  </div>
</template>

<script lang="ts">
import AppHeader from './app-header.vue'
import { Vue, Component, Watch} from 'vue-property-decorator'
import {Route} from 'vue-router'
@Component({
    middleware({store,route,redirect,params,query,req,res}){
        // console.log('middleware nuxt.config outside');
        // redirect('/reg')
    },
        components:{
        AppHeader
    },
})
export default class Default extends Vue{
    bNav:boolean = true;

    @Watch('$route',{immediate:true})
    onRouteChange(route:Route){
        if(/login|reg/.test(route.path)){
            this.bNav = false
        }else{
                this.bNav = true
        }
    }
}
// export default {
//     components:{
//         AppHeader
//     },
//     middleware({store,route,redirect,params,query,req,res}){
//         // console.log('middleware nuxt.config outside');
//         // redirect('/reg')
//     },
//     data() {
//         return {
//             bNav:true
//         };
//     },
//     created() {

//     },
//     mounted() {

//     },
//     watch:{
//         $route:{
//             immediate:true,
//             handler(route){
//                 if(/login|reg/.test(route.path)){
//                     this.bNav = false
//                 }else{
//                      this.bNav = true
//                 }
//             }
//         }
//     },
//     methods: {

//     }
// };
</script>

<style scoped lang="scss"></style>
